<template>
    <div>
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane label="全部文章" state="1" name="first">全部文章</el-tab-pane>
            <el-tab-pane label="已发表" name="second">已发表</el-tab-pane>
            <el-tab-pane label="草稿箱" name="third">草稿箱</el-tab-pane>
            <el-tab-pane label="已删除" name="fourth">已删除</el-tab-pane>
        </el-tabs>

    </div>
</template>

<script>
    export default {
        name: "acticleMessage",
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {
            handleClick(){
                console.log(this.activeName);
            }
        }
    }
</script>

<style scoped>

</style>